@charset "UTF-8";
/**
 *
 * @authors supmain (mtingfeng@gmail.com)
 * @date    2014-12-01 13:30:26
 * @for *.html
 * @version $1.0$
 */
html{ background-color: #fff; color:#333; min-width: 320px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,select,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:14px/1.4 "Microsoft YaHei", arial; -webkit-text-size-adjust: none;}
address,cite,em,var,i{font-style:normal;}
ul,ol{list-style:none;}
img{border:0;}
input,textarea,button,select{font-size:100%; outline:none; resize:none; border-radius: 0;}
input[type=number]::-webkit-inner-spin-button{display:none}

table{border-collapse:collapse; border-spacing:0;}

h1,h2,h3,h4,h5{font-weight: 400; font-size: 100%;}

a, a:visited{text-decoration:none; color:#222;}

.cle:after{visibility:hidden; display:block; font-size:0; content:'\20'; clear:both; height:0;}

::selection {background:#00B7E4; color:#fff;}
::-webkit-input-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc; }
:-moz-placeholder { color: #ccc; }
:-ms-input-placeholder { color: #ccc; }

.red{color: #f70;}
.green{color: #05c481;}
.blue{color: #09f;}

/* *{tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);-ms-tap-highlight-color: rgba(0,0,0,0);}*/
/*字体图标*/
@font-face {
  font-family: 'iconfont';
  src: url('http://at.alicdn.com/t/font_1418365253_609177.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_1418365253_609177.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_1418365253_609177.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/font_1418365253_609177.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_1418365253_609177.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family:"iconfont"; font-size:100%; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0;}

.load{background:url(/tbswap/images/loading_nala.gif?2014) center center no-repeat;}

/* table布局 */
.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; }
/* 伸缩容器布局 */
.flexbox {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: box;
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: space-between;
}
.flexeq {
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    box-flex:1;

    -ms-flex: 1; /* IE 10 */
    -webkit-flex: 1;
    flex: 1;
}
.flexsm {
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    box-flex: 1;
    -ms-flex: 1; /* IE 10 */
    -webkit-flex: 1;
    flex: 1;
}
.flexbg {
    -webkit-box-flex: 1.3; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1.3; /* OLD - Firefox 19- */
    box-flex: 1.3;
    -ms-flex: 1.3; /* IE 10 */
    -webkit-flex: 1.3;
    flex: 1.3;
}
/*按钮*/
.btn,.btn:visited,
.graybtn,.graybtn:visited{display: inline-block; padding: 5px 12px 4px; height: 16px; line-height: 16px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 100%; color: #fff; background-color:#f70; vertical-align: middle;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.btn img{vertical-align: -2px;}
.btn:active{background-color:#f50;}

.btn-off,.btn-off:visited{color: #aaa; background: #ddd; border-color: #ccc; text-shadow: none; box-shadow: none; cursor: default;}
.btn-off:active{background-color:#ddd;}

.graybtn{background-color:#9ca4af;}
.graybtn:active{background-color:#888;}

.bgblur {
    background-color: #3EABEE!important;
}
.bgblur:active {
    background-color: #0571B7!important;
}


/*信息弹窗*/
#dg-tip{position: fixed; z-index: 9999; top: 40%; left: 10%; width: 80%; padding: 15px 0; text-align: center; color: #fff; display: none; background:rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); line-height: 22px;}

/*confirm 弹窗*/
#dg-confirm{position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.2); display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
#dg-confirm .dg_body{width: 260px; padding: 1px; margin:-60px auto 0; overflow: hidden; background:#fff; text-align: center; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
#dg-confirm .dg_body .dg_box{ padding: 25px 15px 30px; text-align: left}
#dg-confirm .dg_body .dg_box .iconfont{font-size: 26px; margin-right: 10px;}
#dg-confirm .dg_body .btm{display: -webkit-box;}
#dg-confirm .dg_body .btm a{padding: 10px 0 8px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-flex:1; display: block;}
#dg-confirm .dg_body .btm a.graybtn{border-right: 1px solid #fff;}

#dg-confirm.pop_in .dg_body{ -webkit-animation: pop_in .5s;}
#dg-confirm.pop_out .dg_body{ -webkit-animation: pop_out .3s;opacity:0}
@-webkit-keyframes pop_in {
    0%{-webkit-transform:scale(0.6);opacity:0}
    50%{-webkit-transform:scale(1.05);opacity:1}
    100%{-webkit-transform:scale(1);opacity:1}
}
@-webkit-keyframes pop_out {
    0%{-webkit-transform:scale(1);opacity:1}
    50%{-webkit-transform:scale(1.05);opacity:1}
    100%{-webkit-transform:scale(0.6);opacity:0}
}

/*loading弹窗*/
#dg-loading{position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.2); display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
#dg-loading .bd{width: 100px; height: 95px; margin:-60px auto 0; overflow: hidden; background:rgba(0, 0, 0, 0.8);  color: #f70; -webkit-border-radius: 10px; border-radius: 10px; text-align: center;}
#dg-loading .bd p{width: 50px; height: 50px; line-height: 50px; margin: 10px auto 0; -webkit-animation: loading 1.3s linear infinite; }
#dg-loading .bd i{font-size: 50px;}
#dg-loading .bd h4{padding-top: 5px;}
@-webkit-keyframes loading {
    100% {-webkit-transform:rotate(-360deg);}
}

/* 中间内容部分 */
.ctmain { min-width: 300px; max-width: 640px; margin: 0 auto; }

/* 学校排名 */

#rank { height: 100%; }
#rank .bg_rank { position: relative; min-width: 320px; max-width: 640px; height: 100%; margin: 0 auto; background: url("../images/bg_rank2.png") repeat-y center; background-size: 100% auto; }
.bg_img { height: 0; }
.bg_img > div { position: absolute;  z-index: 99; }
.bg_img .bg_img1 { top: 0; left: 0; width: 100%; height: 100px; background: url("../images/bg_rank1.png") no-repeat center; background-size: 100% 100%; }
.bg_img .bg_img2 { top: 100px; left: 50%; margin-left: -140px; }
.bg_img .bg_img3 { bottom: 0; left: 0; width: 100%; height: 160px; background: url("../images/bg_rank3.png") no-repeat center; background-size: 100% 100%; }
#rank .bg_rank .title { padding: 10px 20px 0 0; text-align: right; }
#rank .bg_rank .title img { max-height: 30px; }
#rank .ranklist { width: 280px; margin: 0 auto; }
#rank .ranklist li { padding: 10px 20px; margin-bottom: 10px; }
#rank .ranklist li:last-child { margin-bottom: 0; }
#rank .ranklist li:after { visibility:hidden; display:block; font-size:0; content:'\20'; clear:both; height:0; }
#rank .ranklist em { float: left; width: 40px; height: 40px; margin-right: 10px; text-align: center; line-height: 40px; font-size: 24px; color: #e9a503;  border-radius: 50%; }
#rank .ranklist em.hot { color: #fff; background-color: #e9a503; }
#rank .ranklist div { float: left; color: #e9a503; }
#rank .ranklist div p { font-size: 14px; }
#rank .ranklist div span { font-size: 12px; color: #5899eb; }
#rank .ranklist li.current { border-radius: 2px; background-color: rgba(255,238,172,.8); }


/* 分享 */
#mcover{position:fixed;top:0;left:0;display:-webkit-box;display:-o-box;display:-moz-box;display:-ms-box;display:box;width:100%;height:100%;background:rgba(0,0,0,0.7);display:n-one;z-index:20000;text-align:center;-webkit-box-align:center;-o-box-align:center;-ms-box-align:center;-moz-box-align:center;box-align:center;-moz-box-pack:center;-webkit-box-pack:center;-o-box-pack:center;-ms-box-pack:center;box-pack:center;}
#mcover img.icon_tip{position:fixed;right:18px;top:5px;width:260px!important;height:180px!important;z-index:20001;}











